<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<style>
.ty
{font-size:20px;font-family:Arial Rounded MT;color:dodgerblue;}
li:hover
{font-size:20px;font-family:Arial Rounded MT;color:lightgreen;}
.mySlides {display:none;}
</style>

</head>
<body>
<font style="font-family: Segoe script;font-size: 80px;color:#8A2BE2;"><center><img src="d.jpg" height="90px" width="100px" align="center" />ilWaliDilli</center></font>

    <nav class="navbar navbar-inverse">
  <div class="container-fluid">
      <ul class="nav navbar-nav">

<li><a href="delhi.html" >DilWaliDilli</a></li>
        <li><a href="delhi1.html" >About Delhi</a></li>
        <li><a href="delhi2.html">Tourist Places</a></li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" target="_blank">Accomodation <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="delhi3.html" >Luxury Hotels</a></li>
            <li><a href="delhi4.html" >Semi-luxury Hotels</a></li>
            <li><a href="delhi5.html" >Budget Hotels</a></li>
          </ul>
        </li>
       <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#">Transport <span class="caret">
    </span></a>
          <ul class="dropdown-menu">
            <li><a href="delhi6.html">Metro Rail</a></li>
            <li><a href="delhi7.html">City Bus</a></li>
            <li><a href="delhi8.html">Auto Rickshaw</a></li>
          <li><a href="delhi9.html" >Taxi</a></li>
          </ul>
        </li>
        <li class="dropdown">
          <a class="dropdown-toggle" data-toggle="dropdown" href="#" >Entertainment
 <span class="caret"> </span></a>
          <ul class="dropdown-menu">
            <li><a href="delhi12.html" >Art Gallery</a></li>
            <li><a href="delhi10.html" >Movie Theatre</a></li>
            <li><a href="delhi11.html">Auditorium</a></li>
          <li><a href="delhi13.html">Discotheques</a></li>
          </ul>
        </li>
 
 
        
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li><a href="sign.html"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
        <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
      </ul>
    </div>
  </div>
</nav>

<div style="background-color:black;">
<center>
<span style="font-family:Comic Sans MS; font-size:100px;color:white;"> 
METRO RAIL</span></center></div>
<div>
  <img class="mySlides"  src="m1.jpg" style="width:100%;height:300px;">
  <img class="mySlides" src="m4.jpg" style="width:100%;height:300px;">
  <img class="mySlides" src="m3.jpg" style="width:100%;height:300px">
<img class="mySlides" src="m2.jpg" style="width:100%;height:300px">
<img class="mySlides" src="m5.jpg" style="width:100%;height:300px">
</div>

<script>
var myIndex = 0;
carousel();

function carousel() {
    var i;
    var x = document.getElementsByClassName("mySlides");
    for (i = 0; i < x.length; i++) {
       x[i].style.display = "none";  
    }
    myIndex++;
    if (myIndex > x.length) {myIndex = 1}    
    x[myIndex-1].style.display = "block";  
    setTimeout(carousel, 2000); // Change image every 2 seconds
}
</script>
<br><br>

<div style="font-family:bedrock;font-size:20px;text-align:justify;margin:30px">
<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Metro Rail:</span><br>
The pride of the capital 'Delhi Metro' is a rapid transit system serving Delhi, Gurgaon and Noida in the National
 Capital Territory of Delhi. It is known for its world class standards with regard to safety, reliability, punctuality, 
and comfort. It has a combination of elevated, at-grade and underground lines and uses both broad gauge and standard
 gauge rolling stock.<br><br>

<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Travel Card:</span><br>
Most convenient for the frequent commuter. A stored value card, The Minimum recharge value of a travel card is Rs.
 100/- and the maximum is Rs. 1000/-. Subsequent recharge will be in multiple of Rs. 50/-, refundable on return of
card. <br><br>

<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Validity:</span><br>
One Year from the date of purchase or one year from the date of recharge whichever is later.<br><br>

<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Renewal:</span><br>
No extra charge. Facility to check balance on Card: Ticket Reading Machines at all Metro Stations.<br><br>
 
<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Tourist Card:</span><br>
For unlimited travel over short periods. There are two kinds of cards - 1 day and 3 day.<br><br>

<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Value of 1-Day Card:</span><br>
 Rs 100.  Value of 3-Day Card: Rs 250. Refundable Deposit: Rs 50/- payable at purchase refundable
 on return of card.<br><br>
 
<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Token:</span><br>
Minimum value is Rs. 8/- and maximum value is Rs. 30/-.<br><br>
 
<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">Helpline:</span><br>
24 hrs. DMRC Helpline number 155370, 011-22561231<br>
Email:- helpline@dmrc.org<br><br>

<span style="font-family:Arial Rounded MT;font-size:30px;margin:10px">For Latest information on Metro click here:
</span><br>
http://www.delhimetrorail.com/<br>
For Metro Route Map Click here<br>
http://www.delhimetrorail.com/route-map.aspx<br><br>
</div>
</body></html>


